@CHARSET "UTF-8"; /*
Coffee with milk
Table design by Roger Johansson, 456 Berea Street
www.456bereastreet.com
================================================*/

#content {
	overflow: hidden;
	width: 1000px;
}

#content .list {
	float: left;
}

#content .list .table {
	width: 400px;
	background: url("../images/table/table-background.jpg");
}

#content .new {
	float: right;
	width: 500px;
}

table {
	width: 500px;
	background: url("../images/table/table-background.jpg");
	overflow: scroll;
}

table thead {
	background: green;
	height: 30px;
}

table thead tr th {
	height: 30px;
	color: white;
	background-color: green;
	color: white;
}

table tbody {
	width: 700px;
	overflow: scroll;
}

table tbody tr {
	height: 25px;
	border: 1px solid gray;
}

table tbody tr td {
	height: 25px;
}

.edit {
	width: 20px;
}

.edit img {
	width: 20px;
	height: 20px;
	background: url("../images/theme/edit.png");
}

.delete {
	width: 20px;
}

.delete img {
	width: 20px;
	height: 20px;
	background: url("../images/theme/delete.png");
}

input {
	width: 300px;
	height: 22px;
	background: url("../images/table/input-background.jpg") top;
	border: 1px solid gray;
}

textarea {
	width: 300px;
	background: url("../images/table/input-background.jpg") top;
	border: 1px solid gray;
}

#submit {
	width: 50px;
	height: 25px;
}

#submit:hover {
	background: #f3a6a6;
}

select {
	width: 300px;
	height: 22px;
	border: none;
}

.time select {
	width: 50px;
}

.deadline input {
	width: 150px;
}

.deadline select {
	width: 50px;
}

.order_form {
	width: 600px;
}

.order_form th {
	width: 180px;
	text-align: left;
}

.order_form tbody tr {
	padding-top: 10px;
	margin-top: 5px;
	border-bottom: 1px solid red
}

.order_form td {
	text-align: left;
}

.error {
	color: red;
	text-align: left;
}

.error_list li {
	color: red;
}
/**request table**/
.request {
	margin: auto;
}
.request_table{
	width: 900px;
	margin: 0 auto;
}
.request tbody tr.total{
	border-top: 2px solid red;
	color: red;
}